.input {
  background: var(--mantine-color-bgColor-8);
  border: 1px solid var(--mantine-color-bgColor-8);
  border-radius: 6px;
  color: var(--mantine-color-fontColorStrong-1);
  font-size: 14px;

  &:focus-within {
    border: 1px solid var(--mantine-color-borderColor-5);
  }
}

.dropdown {
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  border: 1px solid var(--mantine-color-borderColor-0);
  background: var(--mantine-color-bgColor-8);
  color: var(--mantine-color-fontColorStrong-1);
  border-radius: 6px;
  font-size: 14px;
}

.error {
  font-size: 12px;
}

.option {
  border-radius: 0;

  &:hover {
    background: var(--mantine-color-bgColor-9);
  }
}
